<template>
  <div class="header">
    <!-- http://interview-api-t.itheima.net/h5/interview/query -->
    <div class="sum">
      <img
        src="https://ts4.cn.mm.bing.net/th?id=ORMS.d69972c7e09e964c2e17f704d543ba1a&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0"
        alt=""
      />
      <div class="line">
        <div class="top">份额</div>
        <div class="bottom">海量|<span>222222</span></div>
      </div>
    </div>
    <div class="list">
      uihrejeuuirhreejejjefrfiojrofirffrf法人非法人热风热风夫妇胡覅若非日非人非4太
    </div>
    <div class="footer">
      <div class="zuo">点赞 5656</div>
      <div class="you">收藏 56</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {},
      current: 1,
      sorter: "weight_desc ",
    };
  },
  //   async created() {
  //     const info = await getUserInfo({
  //       current: this.current,
  //       sorter: this.sorter,
  //     });
  //     console.log(info);
  //   },
  methods: {},
};
</script>

<style lang="less" scoped>
.header {
  width: 100%;
  height: 100px;
  background-color: lightcoral;

  .sum {
    display: flex;
    align-items: center;
  }
  .sum img {
    width: 50px;
    height: 50px;
    margin-right: 30px;
  }
  .line {
    justify-content: space-between;
  }
  .line .top {
    font-size: 18px;
    color: #000;
  }
  .line .bottom {
    font-size: 12px;
    color: #999;
  }
  .footer {
    font-size: 18px;
    display: flex;
  }
  .footer .zuo {
    font-size: 16px;
  }
  .footer .you {
    font-size: 16px;
  }
}
</style>
